﻿<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>天算云主机</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/fonts/iconfont.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.superslide.2.1.2.js"></script>
    <script src="js/main.js"></script>
    <meta name="keywords"  content="虚拟主机,域名注册,网站建设,美国空间,香港空间,东京空间,免备空间,VPS,服务器,wordpress空间" />

    <style type="text/css">
        img.wp-smiley,
        img.emoji {
         display: inline !important;
         border: none !important;
         box-shadow: none !important;
         height: 1em !important;
         width: 1em !important;
         margin: 0 .07em !important;
         vertical-align: -0.1em !important;
         background: none !important;
         padding: 0 !important;
     }
     .iconfont{
        font-size: 36px;
    }
    .iconfont1{
        font-size: 30px;
    }
    .notice .evaluate-loop .prev, .notice .evaluate-loop .next{
        line-height: 33px;
    }
</style>
<link rel='stylesheet' id='wp-syntax-css-css'  href='css/wp-syntax.css' type='text/css' media='all' />

</head>
<body>
    <div class="head">
        <div class="container nav-box">
            <div class="logo">
                <a href="./index.html">
                    <img src="images/skysuan.png" alt="天算主机">
                </a>
            </div>
            <div class="mnav">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="nav">
                <ul>
                <li><a href="./hosting.html">虚拟主机</a></li>
                  <li><a href="./diy-hosting.html">弹性主机</a></li>
                  <li><a href="./vps.html">VPS</a></li>
                  <li><a href="./servers.html">服务器</a></li>
                  <li><a href="./aboutus.html">关于我们</a></li>
                  <li><a href="./control.html">控制器</a></li>
                  <li class="c"></li>
              </ul>
          </div>
          <div class="user">
            <a href="" class="exitlogin">注销</a>
            <a href="log.html" class="r"><span>会员</span>登陆</a>
            <a href="reg.html" class="l">注册</a>
        </div>
        <hr class="c">
    </div>
    <div class="c"></div>
</div>


<!-- 轮播图 -->
<div class="fullSlide">
    <div class="bd">
        <ul>
            <li style="background: url(images/banner_ddos-1.png);">
            </li>

        </ul>
    </div>
   <!--  <a class="prev" href="javascript:void(0)"><i class="iconfont icon-xiangzuo"></i></a>
    <a class="next" href="javascript:void(0)"><i class="iconfont icon-xiangyou"></i></a> -->
</div>

<!-- <script type="text/javascript">
    jQuery(".fullSlide").slide({ 
        mainCell:".bd ul", 
        effect:"leftLoop", 
        vis:"auto", 
        autoPlay:true, 
        autoPage:true,
        interTime:5000,		
        trigger:"click" 
    });
    var fullSlideli = jQuery(".fullSlide li");
    var liwidth = fullSlideli.width();
    liheight = liwidth*0.25;
    fullSlideli.height(liheight);
    fullSlideli.parent().height(liheight);
</script>
 -->

<div class="notice">
    <div class="container">
        <div class="evaluate-loop">
            <ul>
                <li>
                    <div class="left">
                        <p>过年期间购买的空间，也是我第一次建站。所以很小心，看了搜索了很久，综合了个方面的信息，觉得老薛主机很不错。不仅价格便宜，而且速度也不错。</p>
                    </div>
                    <div class="right">
                        <span class="name">国庆节</span>
                        <span class="url"></span>
                    </div>
                    <hr class="c">
                </li>
                <li>
                    <div class="left">
                        <p>贵公司的空间很稳定，服务很好，感谢贵司，我会一直支持，在这祝贵司2017做的更好，生意兴隆！</p>
                    </div>
                    <div class="right">
                        <span class="name">方世玉</span>
                        <span class="url"></span>
                    </div>
                    <hr class="c">
                </li>

            </ul>
            <a class="prev" href="javascript:void(0)"><i class="iconfont icon-xiangzuo iconfont1"></i></a>
            <a class="next" href="javascript:void(0)"><i class="iconfont icon-xiangyou iconfont1"></i></a>
        </div>
    </div>
</div>
<script type="text/javascript">
    jQuery(".notice").slide({ 
        mainCell:".evaluate-loop ul", 
        effect:"leftLoop", 
        vis:"auto", 
        autoPlay:false, 
        autoPage:true, 
        trigger:"click" 
    });
</script>

<div class="index-product">

    <div class="container">

        <div class="item item-1">
            <h2 class="title">虚拟主机</h2>
            <div class="icon-vhost"></div>
            <p>简单易用的控制面板<br>快速无忧的网站搬家<br>诚信可靠的客户服务<br><strong>最低148元/年起</strong></p>
            <div class="btn-explore">
                <a href="hosting.html">查看所有虚拟主机</a>
            </div>
        </div>
        <div class="item item-2">
            <h2 class="title">VPS云主机</h2>
            <div class="icon-vps"></div>
            <p>Xenserver全虚拟化技术<br>香港和洛杉矶顶级数据中心<br>线路针对大陆进行特别优化<br><strong>最低158元/月起</strong></p>
            <div class="btn-explore">
                <a href="vps.html">查看所有VPS</a>
            </div>
        </div>
        <div class="item item-3">
            <h2 class="title">独立服务器</h2>
            <div class="icon-server"></div>
            <p>高速稳定的数据中心任您挑选<br>免费无限次数重装系统<br>7*24小时不间断机房现场服务<br><strong>最低200元/月起</strong></p>
            <div class="btn-explore">
                <a href="servers.html">查看所有服务器</a>
            </div>
        </div>
        <div class="c"></div>
    </div>
    <div class="c"></div>
</div>

<div class="promobox">
    <div class="container">
        <h3>
            中文控制面板 + 免备案 + 高端服务器配置
            <br />免费网站搬家 + 免费程序安装 + 免费无限SSL证书
            <br />14天全额退款 + 金牌售后技术服务
        </h3>
    </div>
</div>

<div class="index-host">
	<div class="container">
		<div class="title-top">
			<h2>热销主机套餐推荐</h2>
			<h3>这里仅列出最受用户欢迎的四个主机套餐，您可以点击下面的按钮查看所有套餐</h3>
			<div class="button">
				<a class="btn" href="hosting.html">查看所有虚拟主机</a>
                <a class="btn btn-green" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2665296159&site=qq&menu=yes">联系客服自定义套餐</a>
                <div class="c"></div>
            </div>
        </div>
        <div class="item item-1">
         <div class="pricing-col">
            <i class="fa fa-server"></i>
            <h3>北京一号</h3>
            <p>15GB空间<br />无限流量<br />5兆带宽</p>
            <div class="pricing">
               <h4><strong><span>1880元/月</span></strong></h4>
           </div>
           <!-- <a href="https://my.laoxuehost.net/cart.php?a=add&pid=85" class="btn btn-green btn-block">立即购买</a> -->
       </div>
   </div>
   <div class="item item-2">
     <div class="pricing-col">
        <i class="fa fa-server"></i>
        <h3>北京二号</h3>
        <p>25GB空间<br />无限流量<br />10兆带宽</p>
        <div class="pricing">
           <h4><strong><span>5880元/月</span></strong></h4>
       </div>
       <!-- <a href="https://my.laoxuehost.net/cart.php?a=add&pid=96&billingcycle=annually" class="btn btn-green btn-block">立即购买</a> -->
   </div>
</div>
<div class="item item-3">
 <div class="pricing-col">
    <i class="fa fa-server"></i>
    <h3>北京三号</h3>
    <p>50GB空间<br />无限流量<br />25兆带宽</p>
    <div class="pricing">
       <h4><strong><span>10000元/月</span></strong></h4>
   </div>
   <!-- <a href="https://my.laoxuehost.net/cart.php?a=add&pid=92&billingcycle=annually" class="btn btn-green btn-block">立即购买</a> -->
</div>
</div>
<div class="item item-4">
 <div class="pricing-col">
    <i class="fa fa-server"></i>
    <h3>北京四号</h3>
    <p>100GB空间<br />60GB月流量<br />无限建站数</p>
    <div class="pricing">
       <h4><strong><span>30000元/月</span></strong></h4>
   </div>
   <!-- 	<a href="https://my.laoxuehost.net/cart.php?a=add&pid=104&billingcycle=annually" class="btn btn-green btn-block">立即购买</a> -->
</div>
</div>
<div class="c"></div>
</div>
</div>

<div class="why-box">
    <div class="container">
        <h2>为什么选择我们？</h2>
        <p>10年品质保证，10万站长的选择，市场份额持续增长
          <br />高性价比，主机低至48元每年；免备案，购买可直接开通使用，高效快捷
          <br />连续3年荣获主机点评网“十佳口碑主机商”，美国1号荣获“2012年度最佳虚拟主机”
      </p>
      <span>全球多地优质机房</span>
      <span>免费网站搬家服务</span>
      <span>免费程序安装服务</span>
      <span>免费无限SSL证书</span>
  </div> 
</div>


<iframe src="foot.html" id="foot"></iframe>
<div id="kefu">
	<div id="kefutitle">QQ在线客服</div>
	<div id="qqlist">
		<h3>QQ客服</h3>
		<ul>
			<li>
                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2665296159&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2665296159:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
			</li>
			
			<li>
              <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1241486090&site=qq&menu=yes 

"><img border="0" src="http://wpa.qq.com/pa?p=2:1241486090:51 

" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
          </li>
      </ul>
  </div>
</div>


</body>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.cookie.js"></script>

<script>
   // var getuser_name = localStorage.getItem('user_name');
   // if(getuser_name!==''||getuser_name!==null){
   //   $('.user .r').html('欢迎您：'+getuser_name);
   // }else{
   //  $('.user .r').html('会员登陆');
   // }
   


//读取cookie
  var getuser_name= $.cookie('user_name');
  if(getuser_name==undefined||getuser_name=='null'){
    $('.user .r').html('会员登陆');
    $('.user .exitlogin').html('');
  }else if(getuser_name!=''||getuser_name!='null'||getuser_name!='undefined'){
     $('.user .r').html('欢迎您：'+getuser_name);
     $('.user .exitlogin').html('注销');
   }
   //注销登录
   $('.exitlogin').click(function(){
     $.cookie('user_name',null);     
    });
  
  
</script>
<script type="text/javascript">
  $(document).ready(function(){
    var elm_kefu = $('#kefu');
    var elm_title = $('#kefutitle');
    var is_open = false;
    elm_title.click(function(){
      if(is_open) {
        elm_title.css('background-position', '0px');
        elm_kefu.animate({right:'-152px',height:'160px'}, 500);
        is_open = false;
      } else {
        elm_title.css('background-position', '-40px');
        elm_kefu.animate({right:'0px',height:'165px'}, 500);
        is_open = true;
      }
    });
  });
</script>
</html>
